<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			span{
				font-size: 19px;
				color: yellow;
				border: 1px solid blue;/* 注释 */
			}
			
			div{
				font-size: 19px;
				//color: yellow;
			}
			
			.myDiv{
				font-size: 19px;
				color: red;
			}
			
			#myDiv{
				font-size: 19px;
				color: green;
			}
			
			.outer{
				color: #0000FF;
			}
			
			.outer .inner{
				color: red;
			}
			
			.bDiv{
				border: 1px solid yellow;
				weight:30px;
				height: 30px;
				background-color: gainsboro;
			}
			
		</style>
	</head>
	<body>
		<h3>css入门</h3>
		<h4>html属性</h4>
		<font size="4" color="red">今天天气好晴朗</font>
		<h4>css样式</h4>
		<font style="font-size: 18px; color: green;">今天天气好晴朗</font>
		
		
		<h3>css规范 style title 选择器</h3>
		
		<h4>属性名选择器</h4>
		<span>今天天气好晴朗</span>
		
		<h3>css 选择器</h3>
		<h4>元素选择器</h4>
		<div> 我是div </div>
		
		
		<h4>类选择器</h4>
		<div class="myDiv"> 我是div </div>
		
		<h4>id选择器</h4>
		<div id="myDiv"> 我是div </div>
		
		<h4>层叠选择器<h4>
		<div class="outer">
			今天天气<div class="inner">好晴朗</div>
		</div>
		
		<h3>边框属性</h3>
		<div class="bDiv"> 我是div </div>
	</body>
</html>
